<template name="lgb-shop-info">
	<view class="shop-info">
        <image class="logo" :src="logoUrl"></image>
        <view class="left-info">
            <view class="shopNo">{{shopNo}}</view>
            <view class="shopName">{{shopName}}</view>
            <view class="changShop">切换门店></view>      
        </view>
        <view class="right-info">
            <view class="tip">粉丝数</view>
            <view class="item">{{fans}}</view>
            <view class="tip">购买指数</view>
            <view class="item">{{buyNum}}</view>            
        </view>
    </view>
</template>

<script>
    export default {
        name: "lgb-shop-info",
        props: {
            logoUrl: {
                type: String,
                default: ""
            },
            shopNo: {
                type: String,
                default: ""
            },
            shopName: {
                type: String,
                default: ""
            }, 
            fans: {
                type: String,
                default: "0"
            },  
            buyNum: {
                type: String,
                default: "0"
            },                                    
        }
    }    
</script>

<style lang="scss">
    .shop-info {
        height: 178upx;
        padding: 24upx 30upx;
        background-color: #fff;
        position: relative;
        border-bottom: 1upx solid #e6e6e6;
        box-sizing: border-box;        
        .logo {
            float: left;
            width: 130upx;
            height: 130upx;
            border-radius: 50%;          
        }
        .left-info {
            margin-left: 148upx;
            padding-right: 168upx;
            padding-top: 8upx;
            box-sizing: border-box;            
            .shopNo {
                font-size: 24upx;
                color: #4d4d4d;       
            }
            .shopName {
                font-size: 30upx;
                color: #1a1a1a;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                line-height: 60upx;                
            }
            .changShop {
                font-size: 24upx;
                color: #e60013;                
            }
        }
        .right-info {
            min-width: 156upx;
            position: absolute;
            right: 30upx;
            top: 24upx;
            border-left: 1upx solid #e6e6e6;
            text-align: right;
            padding-left: 40upx;
            box-sizing: border-box;            
            .tip {
                font-size: 24upx;
                color: #999;
                line-height: 1;           
            }
            .item {
                font-size: 32upx;
                overflow: hidden;               
            }
        }
    }
</style>
